<!--
 * @Author: your name
 * @Date: 2021-08-11 19:07:16
 * @LastEditTime: 2021-08-12 09:17:12
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \网易考拉项目f:\Web课后练习成果\HTML\京东练习.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./京东.css">
    <title>京东</title>
</head>
<body>
    <!-- 头部盒子 -->
    <header class="header">
        <div class="header-content">
        <!-- 左侧 -->
            <div class="header-left">
                <img src="../images/京东logo.png" alt="logo">
                <img src="../images/欢迎登录.png" alt="icon">
            </div>
            <!-- 右侧 -->
            <div class="header-right">
                <a href="#">登陆页面，调查问卷</a>
            </div>
        </div>
    </header>
    <!-- 法律信息栏 -->
    <div class="message">
        <div class="message-content">
            <span>依据《网络安全法》，为保障您的账户安全和正常使用，请尽快完成手机号验证！新版 <a href="#">《京东隐私政策》</a>已上线，将更有利于保护您的个人隐私。</span>
        </div>
    </div>
    <!-- 登录的版心 -->
    <section class="banner">
            <div class="bgc-content">
                <div class="bgc-login">
                    <form action="" method="GET">
                        <div>
                            <a href="#" class="saoma">扫码登录</a>
                        </div> 
                        <div> 
                            <a href="#" class="zhanghu">账户登录</a>
                        </div>
                        <div></div>
                        <div>
                            <input type="text" placeholder="邮箱/用户名/登陆手机">
                            <input type="password" placeholder="密码">
                        </div>
                        <a href="#" class="pwd">忘记密码</a>
                        <!-- <br> -->
                        <button>
                            登录
                        </button>
                        <div class="qq">
                            <a href="#">QQ</a>
                            <a href="#">微信</a>
                            <a href="#">立即注册</a>
                        </div>
                    </form>
                </div>
                <div class="bgc-img">
                    <!-- <img src="../images/京东背景图.jpg" alt="背景图"> -->
                </div>
            </div>
    </section>
    <!-- 底部栏 -->
    <footer>
        <ul>
            <li><a href="#">关于我们</a></li>
            <li><a href="#">联系我们</a></li>
            <li><a href="#">人才招聘</a></li>
            <li><a href="#">商家入驻</a></li>
            <li><a href="#">广告服务</a></li>
            <li><a href="#">手机京东</a></li>
            <li><a href="#">友情链接</a></li>
            <li><a href="#">销售联盟</a></li>
            <li><a href="#">京东社区</a></li>
            <li><a href="#">京东公益</a></li>
            <li><a href="#" style="border: none;">English Site</a></li>
        </ul>
        <p>Copyright © 2004-2021  京东JD.com 版权所有</p>
    </footer>
</body>
</html>